<template>
  <div class="Housec">
     <mt-header title="泊寓故事" style="background-color:#fcaf17">
        <router-link to="/life" slot="left">
           <mt-button icon="back">返回</mt-button>
        </router-link>
      <mt-button icon="more" slot="right"></mt-button>
     </mt-header>
      <div class="title">
          <img class="bg" :src="require(`../../public/img/${lid[2].vpic}`)" alt="">
          <p class="text_s">{{lid[2].vtitle}}</p>
      </div>
      <div class="body_bg">
          <img :src="lid[2].valpic1" alt="">
          <img :src="lid[2].valpic2" alt="">
          <img :src="lid[2].valpic3" alt="">
          <img :src="lid[2].valpic4" alt="">
      </div>
  </div>
</template>
<script>
export default{
    data(){
        return{
            lid:[]
        }
    },
    methods:{
    load(){
        this.axios.get('/sval/v1/search').then(res=>{
            this.lid=res.data;
            console.log(this.lid)
      })
     }
    },
    mounted(){
        this.load()
    }
}
</script>
<style scoped>
.title{
    position: relative;
}
.bg{
    width: 100%;height: 400px;
}
.text_s{
    position:absolute;
    left: 5px;top: 313px;
    font-size: 26px;
    color:white;
    font-weight: bold;
}
.body_bg>img{
    width: 100%;
}
</style>


  

